﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="/style/rightdirectory.css" rel="stylesheet" />
    <script src="/script/config.js"></script>
</head>

<body>
    <h5>运费配置</h5>
    <div class="form-body">
        <div class="form-horizontal  hide" id="form">

        </div>
    </div>
</body>
</html>
<script type="text/html" id="tp-form">
    <div class="form-group">
        <label class="col-sm-2">运费名称</label>
        <div class="col-md-6 col-sm-10">
            <input type="text" class="form-control" data-form="FreightName" placeholder="运费名称" value="{{FreightName}}">
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2">运费价格</label>
        <div class="col-md-6 col-sm-10">
            <input type="text" class="form-control" data-form="Price" placeholder="运费价格" value="{{Price}}">
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2">运费类型</label>
        <div class="col-sm-2 col-sm-1">
            <label class="radio-reset">
                <input type="radio" name="n" data-form="Type" value="0" {{Type|radio_checked 0}}>
                <span>包邮</span>
            </label>
            <label class="radio-reset">
                <input type="radio" name="n" data-form="Type" value="1" {{Type|radio_checked 1}}>
                <span>运费模式</span>
            </label>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2">状态</label>
        <div class="col-sm-2 col-sm-1">
            <label class="radio-reset">
                <input type="radio" name="m" data-form="UseStatus" value="1" {{UseStatus|radio_checked 1}}>
                <span>启动</span>
            </label>
            <label class="radio-reset">
                <input type="radio" name="m" data-form="UseStatus" value="2" {{UseStatus|radio_checked 2}}>
                <span>关闭</span>
            </label>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="button" id="btn-submit" class="btn btn-primary">保存</button>
            <button type="button" class="btn" onclick="window.history.go(-1)">退出</button>
        </div>
    </div>
</script>
<link href="/script/valid/css/tr.css" rel="stylesheet" /><!--判断如：PlatformName格式-->
<script src="/script/valid/form-valid.js?v=2018"></script>
<script>
    $(function () {
        var id = QueryPageUrlString("v");//判断是否是编辑进来的
        var formValidEvent;
        var formValidInit = function () {
            var formValidData = [
                {
                    key: "FreightName",
                    datatype: "*",
                    nullmsg: "不能为空哦",
                    errormsg: "不能为空哦"
                },
                {
                    key: "Price",
                    datatype: "*",
                    nullmsg: "不能为空哦",
                    errormsg: "不能为空哦"
                },
                
            ];
            formValidEvent = $(".form-body").formValid(formValidData);
        }
        var inintData = {
            FreightName: "",
            Price: "",
            Type: 0,
            UseStatus: 1,
        };

        if (id > 0) { //存在值的情况
            $.http.json("freightconfig/find", {   //查询
                Id: id
            }, {
                    pass: function (data) {
                        data.pageid = id;
                        $("#form").templateRender({ el: "tp-form", data: data });//渲染模板，要先渲染才能获值
                        formValidInit();
                    },
                    error: function (d) {
                        console.log(d);
                    }
                })
        } else {
            $("#form").templateRender({ el: "tp-form", data: inintData });//渲染模板，要先渲染才能获值
            formValidInit();
        }

        $("#form").on("click", "#btn-submit", function () { //保存按钮有添加和编辑
            if (!formValidEvent.check()) { return; }
            var apiUrl = "freightconfig/insert";
            if (id > 0) {
                apiUrl = "freightconfig/upd";
            }
            $("#form").ajaxFormSubmit(apiUrl,{
                pass: function (d) {
                    $.msgSucceed(d.Errmsg);
                    return
                },
                error: function (d) {
                    $.msgFall(d.Errmsg);
                }
            }, { addData: { Id: id, } })
            return
        });
    });
</script>
